<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友首页-圈子设置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/iosselect/iosselect.css">
    <link rel="stylesheet" href="/css/friend/circleSetup.min.css?v=<%=$version%>">
</head>
<body>
<div id="circleSetup" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        圈子设置
    </div>
    <div class="circleSetup">
        <div class="circleSetup-top">
            <div class="circleSetup-cover">
                圈子封面
                <span :style="bgimg(groupInfo.coverImgSrc)"></span>
                <input type="file" id="fileinput" name="coverImgSrc"  capture="camera" accept="image/*" @change="getChange()">
                <img class="foundCircle-img" :src="results.base64" v-show="imgNum==2">
                <strong class="centCent-more"></strong>
            </div>
            <div class="circleSetup-name">
                圈子名称
                <span>{{groupInfo.name}}</span>
            </div>
            <div class="circleSetup-introduce">
                圈子简介
                <span>{{groupInfo.introduction}}</span>
                <strong class="centCent-more" @click="getNext(2)"></strong>
            </div>
        </div>
        <div class="circleSetup-cent">
            <div class="circleSetup-number">
                成员管理
                <strong class="centCent-more" @click="getNext(1)"></strong>
            </div>
            <!--<div class="circleSetup-number">-->
                <!--成员数量上限-->
                <!--<span>{{groupInfo.upperLlimit}}人</span>-->
                <!--<strong class="centCent-more" @click="getNext(4)"></strong>-->
            <!--</div>-->
            <div class="circleSetup-introduce">
                成员验证方式
                <span>{{proving.value}}</span>
                <strong class="centCent-more" @click="getSelect()"></strong>
            </div>
        </div>
        <div class="circleSetup-goods">
            <div class="circleSetup-number">
                展示商品
            </div>
            <div class="products-list clearfix">
                <!--<a @click="getGoods()" v-if="index<number" v-for="(item,index) in products||number">-->
                    <!--<span :style="bgimg(item.imgSrc)"></span>-->
                <!--</a>-->
                <template v-if="index<number" v-for="(item,index) in products||number">
                    <a @click="getGoods(item)" >
                        <span :style="bgimg(item.imgSrc)"></span>
                    </a>
                </template>
                <template v-if="products&&products.length<number">
                    <a @click="getGoods()"></a>
                </template>
                <strong @click="getIsScreen(3)">购买展位</strong>
            </div>
        </div>
        <div class="circleSetup-butt">
            <div class="circleSetup-number">
                更改所属频道
                <span>{{groupInfo.categoryName}}</span>
                <strong class="centCent-more" @click="getNext(3)"></strong>
            </div>
        </div>
        <a class="circleSetup-Btn" @click="getIsClassify()">解散圈子</a>
    </div>
    <div class="provingMode">
        <!--<div class="mask-title"><span>取消</span><strong>确定</strong></div>-->
        <!--<div class=""></div>-->
    </div>
    <div id="mask1" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="purchaseBooth" :class="{'maskShow':isScreen==3}">
        <div class="purchaseBooth-title">确认要购买展位栏？</div>
        <p><span>{{groupInfo.boothMoney}}</span>/个</p>
        <div class="purchaseBooth-btn clearfix">
            <span @click="getIsScreen()">取消</span>
            <span class="purchaseBooth-btnOK" @click="buyBooth()">购买</span>
        </div>
    </div>
    <pop-view v-show="pop.show" @on="getIsClassify()" :question="pop.question" @ok="dismissGroup()"></pop-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/iosselect/iosSelect.js"></script>
<script type="text/javascript" src="/plugins/localResize/mobileFix.mini.js"></script>
<script type="text/javascript" src="/plugins/localResize/exif.js"></script>
<script type="text/javascript" src="/plugins/localResize/lrz.js"></script>
<script type="text/javascript" src="/js/friend/circleSetup.js?v=<%=$version%>"></script>

</body>
</html>